/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

var list=document.getElementById("paths");
var chemins=list.getElementsByTagName("img");
var current=0;
var photo= document.getElementById("photo");
photo.src = chemins[0].src;

chemins[0].setAttribute("style", "border: 3px solid black;margin: 0;");

function imgSuivante(){
    if(!(current >= chemins.length-1)){
        current++;
    }
    if(current <= chemins.length){
        photo.src = chemins[current].src;
        chemins[current].setAttribute("style", "border: 3px solid black;margin: 0;");
        chemins[current-1].removeAttribute("style");

        /*on fait apparaître l'image dans les miniatures*/
        if(current >= 8){
            chemins[current-8].setAttribute("style", "display: none;");
        }
    }
}

function imgPrecedente(){
    if(!(current <= 0)){
        current--;
    }
    if(current >= 0){
        photo.src = chemins[current].src;
        chemins[current].setAttribute("style", "border: 3px solid black;margin: 0;");
        chemins[current+1].removeAttribute("style");

        /*on fait reapparaître l'image dans les miniatures*/
        if(current > 8){
            chemins[current-7].removeAttribute("style");
        }
    }
}

function selectMiniature(id){
    chemins[current].removeAttribute("style");
    current = parseInt(id);
    photo.src = chemins[current].src;
    chemins[current].setAttribute("style", "border: 3px solid black;margin: 0;");
}

var imgSuivant;
var imgSuivantTrans;
var imgPrecedent;
var imgPrecedetTrans;


function chargerImages(pImgSuivant, pImgSuivantTrans, pImgPrecedent, pImgPrecedentTrans){
    imgSuivant=pImgSuivant;
    imgSuivantTrans=pImgSuivantTrans;
    imgPrecedent=pImgPrecedent;
    imgPrecedetTrans=pImgPrecedentTrans;    
}

function changeImgSuivant(img, lien){
    if(chemins.length-1 == current){
    }else{
        document.getElementById(img).src = lien;
    }
}

function changeImgPrecedent(){
       
}